/*Items*/

#headerPlayer{
    display: inline-block;
    width:25%;
    vertical-align: top;
}

#turnInfo{
    display: inline-block;
    width:55%;
    text-align: right;
}

/*TIMER*/
#clock{
	background: url(images/items/timer.png) no-repeat;
	width: 150px;
	height: 173px;
	z-index: 2;
	display:inline-block;
}

#time-left{
	margin-top: 90px;
	margin-left: 40px;
	width: 70px;
	height: 20px;
	z-index: 3;
	position: absolute;
	
	font:"Courier New";
	font-size: 12px;
	font-weight: bold;
	
	padding-top: 3px;
}

/*TURN*/
#calendar{
	background: url(images/items/turn.png) no-repeat;
	width: 145px;
	height: 165px;
	z-index: 2;
        vertical-align: top;
        display:inline-block;
}

#current-turn{
	margin-top: 40px;
	width: 100%;
	height: 20px;
        text-align: center;
	z-index: 3;
	
	font:"Courier New";
	font-size: 88px;
	font-weight: bold;
	
	padding-left: 3px;
	padding-top: 3px;

        display:inline-block;
}

/*GUIDE*/
#postit{
	background: url(images/items/guide.png) no-repeat;
	width: 150px;
	height: 172px;
	z-index: 2;
	display:inline-block;
}

#guide{
	margin-top: 22px;
	margin-left: 1px;
	width: 142px;
	height: 142px;
	z-index: 3;
	position: absolute;
	
	font: Verdana;
	font-size: 12px;
	
	padding-left: 3px;
	padding-top: 3px;
	
	overflow: auto;
}

/*BUDGET LEFT*/
#calculator{
	background: url(images/items/calculator.png) no-repeat;
	width: 150px;
	height: 177px;
	z-index: 2;
	display:inline-block;
}

#budget-left{
	margin-top: 35px;
	margin-left: 30px;
	width: 90px;
	height: 20px;
	z-index: 3;
	position: absolute;
	
	font:"Courier New";
	font-size: 12px;
	font-weight: bold;
	
	padding-left: 3px;
	padding-top: 3px;
}

